@import "tailwindcss";

@layer theme {
  /* 主题色扩展 */
  :root {
    --primary-color: #2563eb;
    --secondary-color: #4f46e5;
  }
}

@layer base {
}

@layer components {
}

@layer utilities {
  .scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  .bg-full {
    background-size: 100% 100%;
  }

  .absolute-center {
    @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
  }

  .hover-scale {
    @apply transition-transform duration-300 hover:scale-105;
  }

  /* 动画效果 */
  .animate-float {
    animation: float 3s ease-in-out infinite;
  }

  @keyframes float {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
}
